﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="Content/bootstrap-theme.css" rel="stylesheet" />
</head>
<body>

    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="progress">

                    <div class="progress-bar progress-success" id="progress" style="width: 0%"> 
                </div>

                </div>
                </div>
                <h3>
                    Quiz time
                </h3>
                <p>
    
                </p>
            </div>
       
        <div class="row clearfix">
            <p>

            </p>
            <p>

            </p>
            <div class="col-md-12 column" id="questions">
                questions will be placed here
            </div>
            <div class="col-md-12 column" id="choices">
                choices will be placed here
            </div>
            
            <div class="col-md-12 column" id="score">
                
            </div>
            <div class="col-md-12 column">
                <button id="btn" class="btn-default" onclick="checkAnswer()">Next</button><br />
            </div>
           
            
        </div>
    </div>




    <script src="Scripts/jquery-1.9.0.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <script src="script.js"></script>
</body>
</html>
